<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .d1{
            width: 500px;
            height: 200px;
            background: #ccc;

            /* color: red; */
            /* color: #f00; */
            /* color: rgb(255,0,0); */
            color: rgba(255, 0, 0, 1);

            /* 文本的水平居中 */
            text-align: center;

            /* 文本的垂直居中：将line-height设置为与height相同 */
            line-height: 200px;
        }
        img{
            width: 200px;
            vertical-align: middle;
        }
        .d2{
            width: 500px;
            height: 200px;
            background: #ccc;

            text-indent: 25px;
            text-decoration: none;
            text-transform: capitalize;
            /* letter-spacing: 3px; */
            /* word-spacing: 15px; */
        }
        .d2 p{
            /* 超出后不换行 */
            white-space: nowrap;
            /* 超出的部分隐藏 */
            overflow: hidden;
            /* 超出的部分以省略号表示 */
            text-overflow: ellipsis;
        }
    </style>
</head>
<body>
    <div class="d1">
        哈哈哈哈
    </div>

    <img src="../day02/images/1.png"> 嘿嘿嘿嘿

    <div class="d2">
    <p>新华全媒＋｜商务部：消费发展长期向好的基本面没有改变消费发展长期向好的基本面没有改变</p>
    welcome to china国家统计局数据显示，4月我国社会消费品零售总额同比下降11.1%。对此，商务部新闻发言人束珏婷5月19日表示，总体看，疫情冲击影响是阶段性的、暂时的，我国消费韧性强、潜力足的特点没有改变，消费发展长期向好的基本面没有改变。
束珏婷在当天商务部举行的网上例行发布会上说，随着疫情影响逐步得到控制，各项扩内需促消费政策措施落地见效，消费有望延续恢复发展态势。

    </div>
</body>
</html>